<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <h1>## Ajax的实现步骤</br> -->
    <h1>测试页面！</h1>
    <button id="btn">Ajax错误处理</button>
    <script type="text/javascript">
        let btn = document.getElementById('btn');
        btn.onclick = function() {
            function ajax(options) {
                // 1 创建Ajax对象
                let xhr = new XMLHttpRequest();
                // 告诉Ajax请求地址及其方式
                xhr.open(options.type, options.url);
                // 3 发送请求 post请求要把请求参数放在请求体里面偶!
                xhr.send();
                // 4 获取服务器端响应给客户端的数据[也就是监听onload事件！]

            }

        }

        ajax({
            type: 'get',
            url: 'https://v1.alapi.cn/api/music/search?keyword=东京塔子',
            success: function(data) {
                console.log(data)
            }
        })
    </script>
</body>

</html>